<template>
  <div class="coder" :style="{ width, height }">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.39 297.41">
      <g id="colors">
        <path
          fill="#C49A6C"
          d="M257.56 261.9c.7-2.65 5.71-10.41 5.71-10.41s3.24.58 5.73 1.16c2.48.58 4 4.44 4 4.44s-2.9 7.5-3.66 7.42c-.76-.07-3.8.29-3.8.29s-1.38 8.15-1.86 10.55c-.48 2.4-1.86 8.66-1.86 8.66s-1.38 1.17-4.14 1.97-12.97-.36-13.53-.95c-.55-.58 3.59-1.09 6.07-1.46 2.48-.36 5.73-.07 5.73-.07l.9.36s-.28-.15-.62-.65c-.33-.49.36-5.94.78-9.58.01-.13.03-.26.04-.38.04-.36 1.9-2.11 1.9-2.11s-1.43-.05-1.26-.58c.09-.28.18-.56.28-.84.07-.2 1.51-.96 1.51-.96s-.9-.75-.72-1.28c.73-2.1 1.21-3.82.23-4.13l-1.43-1.45z"
        />
        <path
          fill="#D85336"
          d="M239.97 228.19c.27-2.26.95-4.98.95-4.98s3.72-4.14 4.35-5.18c.62-1.04 3.31-2.48 3.31-2.48l41.1-.2H296.05c3.11.78.62 11.19-.46 12.75-1.09 1.55-54.19 1.88-55.59.94-.06-.04-.03-.85-.03-.85zM289.32 200.74c-1.76 0-2.19-.93-2.19-.93s3.62-50.65 3.73-52.83l9.5.93 1.24.88s-3.29 51.02-3.91 51.64c-.62.62-8.37.31-8.37.31z"
        />
        <path
          fill="#C49A6C"
          d="M158.45 267.63c-1.69-.94-3.35-1.59-3.35-1.59-.82-.16-1.74-.65-2.69-1.34-.13-.09-.97.85-.97.85s-.06-1.65-.38-1.93c-.12-.11-.25-.22-.37-.33-.19-.17-.87.8-.87.8s-.16-1.77-.39-1.99c-.28-.28-3.44-3.67-4.06-4.36-7.83-8.56-9.73-16.25-10.97-16.36-1.24-.1-1.04.83-.73 4.45.62 12.73 13.98 28.16 13.98 28.16s-1.66.93-2.48 1.35c-.83.41 1.45 3 1.45 3s3 5.8 5.59 5.59c2.59-.21 7.87-5.17 9.11-7.35-1.24-1.35-3.25-7.97-3.25-7.97s-.04-.27.44-.74l-.06-.24z"
        />
        <path
          fill="#6991AC"
          d="M207.63 221l-8.79 5.83s-1.86-15.74-.52-16.25 28.51-8 28.51-8l-17.64 15.87-1.86.42.29 1.79.01.34z"
        />
        <path
          fill="#A7A4B4"
          d="M230.38 192.15l.52-4h-8.54l-.14-.45-15.62-.17-.13.62h-3.76l-1.11-1.46h-1.1l-1.1 1.46h-1.1l-1.1-1.46h-1.1l-1.1 1.46h-1.1l-1.1-1.46h-1.1l-1.1 1.46h-1.1l-1.1-1.46h-1.1l-1.1 1.46h-1.11l-1.1-1.46h-1.1l-1.1 1.46h-2.48l-30.13-44.96-4.03 2.38 30.91 43.89-2.79 1.28.14 1.31 20.06-.07z"
        />
        <path
          fill="#E6E7E8"
          d="M50.21 237.58v-18.13H33.23v16.15h7.04l.04-1.11-.93-3c-1.46-1-3.04-2.46-3.04-4.08 0-3.02 2.45-5.48 5.48-5.48 3.02 0 5.48 2.45 5.48 5.48 0 1.65-1.63 3.13-3.11 4.13l-.92 3.07v2.97h6.94z"
        />
        <path
          fill="#6991AC"
          d="M226.84 236.14s4.68 5.34 9.16 8.17c4.49 2.83 9.14 3.03 11.76 4-.12.03-4.54 1.35-8.76 5.93-2.16 2.34-6.88 12.67-6.88 12.67s-7.13-5.24-9.3-7.1c-2.17-1.86-8.54-10.25-8.54-10.25l12.56-13.42z"
        />
        <path
          fill="#6991AC"
          d="M280.54 201.18s-3.45-4.11-12.67-5.76c-5.78-1.04-9.11.26-10.79 1.37l-.07.1.09 2.46.52 1.97s-1.14-1.04-1.86-1.14c-.72-.1-16.15 1.99-19.15 2.2-3 .21-8.38 5.05-11.39 7.22-3 2.17-13.04 11.18-13.04 11.18l-2.21 1.47-.03.05.59 3.66-12.73 4.76s-23.5 15.63-25.57 17.49c1.76 0 6 2.9 10.45 9.73 2.86 4.38 3.92 9.66 4.05 12.91l-.1-.1c.47 1.17.71 1.88.71 1.88l38.72-41s.12-.26.29-.65l-.07-.06c-1.29.27-1.82.08-1.36-1.67.52-1.97 1.86-2.28 2.38-1.86.36.29-.39 2.25-.88 3.4l.05.09c.1-.02.2-.05.31-.07 1.66-.42 12.84-11.49 14.08-13.15 1.24-1.66 3.11-4.04 6.83-4.35 3.73-.31 23.19-.41 28.57-.21 2.87.11 4.5-5.46 5.41-10.69l-1.13-1.23z"
        />
        <path
          fill="#908070"
          d="M137.64 194.41v2.94h31.68l.2 46.78 13.05-8.69-.34-38.09h68.45l-.13-2.94zM173.47 280.55v1.47l-25.56 7.06v4.14h70.65v-4.14l-35.1-7.52v-1.01z"
        />
        <path
          fill="#ECEEEF"
          d="M142.43 75.86C132.67 79.81 127 87.38 127 94.47c0 11.97 18.02 21.68 40.25 21.68s40.25-9.71 40.25-21.68-18.02-21.68-40.25-21.68c-9.07 0-18.06.31-24.79 3.04"
        />
        <path
          fill="#58595B"
          d="M151.28 77.9c-1.22.29-1.12.44-1.69 1.1-.57.66-.85 1.39-.85 2.19 0 .62.12 1.43.35 2.44.24 1.01.35 1.87.35 2.58 0 1.06-.39 2.08-1.16 3.08-.77.99-1.93 1.76-3.47 2.31 1.51.56 2.65 1.34 3.44 2.35s1.19 2.05 1.19 3.11c0 .71-.12 1.57-.35 2.58-.23 1.01-.35 1.82-.35 2.44 0 .79.28 1.52.85 2.19.57.66 1.71 2.08 2.94 2.38l-1.91-.38c-1.75-.24-3.17-.95-4.26-2.13-1.09-1.18-1.64-2.48-1.64-3.91 0-.75.12-1.63.36-2.63s.36-1.78.36-2.33c0-.75-.32-1.46-.95-2.11-.63-.65-1.51-1.05-2.63-1.2v-.64c1.12-.15 1.99-.54 2.63-1.19.63-.65.95-1.35.95-2.12 0-.55-.12-1.33-.36-2.32s-.36-1.87-.36-2.64c0-1.42.55-2.72 1.64-3.91 1.09-1.18 2.51-1.89 4.26-2.12l.66.88zM186.89 77.63c-2.22-.05-3.6-.07-3.6-.07 1.22.29 2.12.77 2.69 1.44.57.66.86 1.39.86 2.19 0 .62-.12 1.43-.36 2.44s-.36 1.87-.36 2.58c0 1.06.4 2.09 1.19 3.11.79 1.01 1.95 1.8 3.45 2.35-1.54.54-2.7 1.31-3.47 2.31-.78.99-1.17 2.02-1.17 3.09 0 .7.12 1.56.36 2.57.24 1.01.36 1.82.36 2.44 0 .81-.29 1.54-.86 2.2-.57.66-2.4 2.21-3.63 2.51l2.61-.52c1.75-.24 3.17-.95 4.26-2.13 1.09-1.18 1.64-2.48 1.64-3.91 0-.75-.12-1.63-.36-2.63s-.36-1.78-.36-2.33c0-.75.32-1.46.95-2.11.63-.65 1.51-1.05 2.63-1.2v-.64c-1.12-.15-2-.55-2.63-1.2s-.95-1.36-.95-2.11c0-.55.12-1.33.36-2.32.24-.99.36-1.87.36-2.62 0-1.44-.55-2.75-1.64-3.93-.53-.57-1.13-1.02-1.81-1.37l-.52-.14z"
        />
        <path
          fill="#ECEEEF"
          d="M243.65 81.74c-4.09-.4-7.07-.68-7.07-.68-6.89 0-12.48 3.01-12.48 6.72s5.59 6.72 12.48 6.72c6.89 0 12.48-3.01 12.48-6.72 0-2.14-1.86-4.38-4.75-5.9l-.66-.14zM270.91 86.23c-2-.3-3.36-.24-3.36-.24-3.76 0-6.8 1.31-6.8 3.33s3.04 3.66 6.8 3.66c3.75 0 6.8-1.64 6.8-3.66 0-1.25-1.18-2.24-2.95-2.97l-.49-.12z"
        />
        <path
          fill="#C7EAFB"
          d="M266.47 114.74c.07-1.5-.24-4.45-1.94-4.45-1.67 0-2.69 2.86-2.69 4.76 0 1.74 1.43 5.07 2.69 5.07 1.15.01 1.87-3.96 1.94-5.38z"
        />
        <path
          fill="#EACBC6"
          d="M279.74 129.82c-.31 1.11-2.04 7.43-2.13 10.72l.28 1.6c-3.08 1.11-6.18 3.48-6.18 3.48l.1-5.07s-2.9 1.97-4.45.73c-1.55-1.24-.72-3-.72-3l-.52-.62c-.52-.62-2.38-.41-2.38-.41s1.24-2.38.93-2.38c-.31 0-2.17-1.35-2.17-1.35s1.97-2.9-.1-2.69c-2.07.21-6-2.17-5.8-3.42.21-1.24 6.14-3.78 8.52-5.23 2.38-1.45 3.45-5.3 3.45-5.3l7.12-.49s-1.27 1.35-1.27 6.5c0 4.15 2.41 5.51 3.29 5.86l2.03 1.07z"
        />
        <circle fill="#58595B" cx="281.66" cy="289.12" r="4.94" />
        <circle fill="#58595B" cx="267.2" cy="287.36" r="3.65" />
        <circle fill="#58595B" cx="293.46" cy="287.82" r="3.65" />
        <path
          fill="#FFDE17"
          d="M54.92 55c-2.55 2.61-4.39 5.44-4.59 7.73C45.08 59.4 1.4 16.87 1.4 16.87l7.46-9.16L56.43 47.5s4.25-2.93 5.66-3.63c1.5-.76 5.93-2.15 5.93-2.15L13.84 2.74l3.32-1.38 58.05 42.57s-12.97-1.58-18.23 7.27c-.8 1.34-1.45 2.55-1.98 3.64l-.08.16z"
        />
        <path
          fill="#FFF200"
          d="M9.79 1.35l55.66 40.1s-3.23.82-4.3 1.31c-1.11.51-4.46 2.67-4.46 2.67L6.64 3.8l3.15-2.45z"
        />
        <path
          fill="#FFDCAE"
          d="M69.02 69.57L52.5 65.69s-.7-4.68 2.03-10.42l-.02-.11c2.32-2.41 5.25-4.65 8.08-6.12 6.78-3.53 13.2-3.45 13.2-3.45l4.66 8.53S69.7 58.8 69.15 65.16l-.13 4.41z"
        />
        <path
          fill="#58595B"
          d="M88.24 72.63l-6.67-16.07s-3.47.46-6.06 2.45c-7.03 5.4-5.61 10.55-5.61 10.55l18.34 3.07z"
        />
        <path
          fill="#A97C50"
          d="M288.25 98.18s-1.68-1.53-6.68-2.29c0 0 3.47 5.54 4.4 10.61.93 5.07-.06 6.73-.06 6.73s5.04 2.59 4.53 10.15c-.52 7.56-8.39 7.89-8.39 7.89s-2.08 5.98-2.18 9.6c5.28-.62 14.95-11.12 16.36-13.87 2.43-4.75 2.5-9.25 2.19-13.81-.31-4.55-4.96-9.66-4.96-9.66l4.12.39s-3.64-1.6-4.37-2.53 2.5-1.77 2.5-1.77-2.57-2.02-4.74-.88l1.73-3.08c0-.01-2.94 1.64-4.45 2.52zM276.79 104.5c1.55 2.69.92 6.5.92 6.5s-.62.21-6.42-.41-9.65-3.74-9.65-3.74l-1.63.01.63-2.64s-1.46 2.43-5.5 3.05c1.66-2.9 5.8-4.97 5.8-4.97-5.17.59-5.17.61-6.95.98 2.04-1.76 5.09-4.65 8.63-6.27 2.95-1.36 5.21-1.7 7.79-2.09.01 0 4.83 6.88 6.38 9.58z"
        />
        <ellipse fill="#D85336" cx="282.02" cy="121.72" rx="5.09" ry="6.64" />
        <path
          fill="#58595B"
          d="M273.38 93.88l3.54-.9s3.88 7.37 4.74 9.62c.86 2.25.97 9.68.97 9.68h-.97s-.32-6.13-1.29-8.29c-.96-2.15-6.99-10.11-6.99-10.11z"
        />
        <path
          fill="#EACBC6"
          d="M226.22 173.19l-10.38 3.34c-1.97-.31-5.97-5.07-7.52-5.28-1.55-.21-5 2.04-6.63 3.46-1.44 1.25-7.46 7.69-7.04 8.52.42.83 4.77-4.77 6.63-5.6-.72.62-4.35 5.7-3.94 5.91s4.3-3.81 5.52-4.62c-.52.52-3.35 5.45-2.73 5.86.62.41 6.32-6.83 6.94-6.83.62 0 5.18 2.69 6.01 3.42.83.72 1.14 1.66 3.83.72s10.51-4.31 10.51-5.97l-1.2-2.93z"
        />
        <circle fill="#00A14B" cx="167.78" cy="271.07" r="1.46" />
        <circle fill="#00A14B" cx="167.3" cy="265.75" r="1.46" />
        <circle fill="#00A14B" cx="173.68" cy="265.49" r="1.46" />
        <circle fill="#00A14B" cx="254" cy="258.25" r="1.46" />
        <circle fill="#00A14B" cx="257.35" cy="256.8" r="1.46" />
        <circle fill="#00A14B" cx="252.54" cy="262.61" r="1.46" />
        <circle fill="#00A14B" cx="171.22" cy="260.75" r="1.46" />
      </g>
      <path
        fill="none"
        stroke="#202020"
        stroke-linejoin="bevel"
        stroke-miterlimit="10"
        d="M240.14 226.05s-.54 2.25 0 2.68c1.04.84 38.89 0 38.89 0v47.38l-11.58 3.28c-1.62 1.14-2.04 3.26-2.04 5.47 0 2.22 1.8 4.01 4.01 4.01 2.22 0 4.01-1.8 4.01-4.01 0-2.22-1.8-4.01-4.01-4.01l11.82-.46c2.75 0 4.99 2.91 4.99 5.66s-2.23 4.98-4.99 4.98-4.98-2.23-4.98-4.98c0-2.75 2.23-4.65 4.98-4.65l10.76-.55c-2.22 0-4.01 1.8-4.01 4.01 0 2.22 1.8 4.01 4.01 4.01 2.22 0 4.01-1.8 4.01-4.01 0-2.22-.42-4.33-2.04-5.47l-11.49-3.28V228.73c7.63-.2 13.24.17 13.59-.33 1.1-1.57 3.61-12.35.47-13.13h-4.39l.28-12.31 4.48-.8 3.45-55.44-8.93-.71-4.94 55.97 4.15.83-.52 12.47-41.51.2s-2.72 1.46-3.35 2.51c-.63 1.04-6.03 7.33-6.03 7.33l-10.18 10.96s4.6 3.76 9.13 6.62c4.53 2.86 14.78 5.71 17.42 6.69-.63.14-8.21 4.41-11.43 8.15-1.49 1.72-4.83 8.36-5.18 11.78 2.65-.28 7.13-3.83 10.13-7.04s6.62-9.2 6.62-9.2l7.38 2.45s-3.42 6.91-5.09 8.45c.21-.42 2.79-10.59 2.79-10.59s5.23 1.86 7.74 2.42c2.51.56 4.04 4.25 4.04 4.25s-2.93 7.18-3.69 7.11-3.83.28-3.83.28-1.39 7.81-1.88 10.11-1.88 8.29-1.88 8.29-1.39 1.12-4.18 1.88-13.1-.35-13.66-.91c-.56-.56 3.62-1.04 6.13-1.39 2.51-.35 5.79-.07 5.79-.07l.91.35s-.28-.14-.63-.63c-.34-.47.37-5.68.79-9.18.01-.12.03-.25.04-.37.04-.34 1.92-2.02 1.92-2.02s-1.45-.04-1.28-.55c.09-.27.18-.54.28-.8.07-.19 1.52-.92 1.52-.92s-.91-.72-.72-1.23c.74-2.01 1.22-3.66.23-3.96-1.88-.56-7.6-3.35-9.76-6.06 1.6-1.32 5.51-6.2 7.18-9.41-3.42-2.3-10.32 2.23-12.75 4.32-2.44 2.09-7.12 12.09-7.12 12.09s-8.94-6.75-11.13-8.64c-2.2-1.88-8.62-10.35-8.62-10.35l-29.17 30.67v2.29l35.44 7.6v4.18h-73.96v-4.18l25.82-7.13v-6.05l3.36.17v21.16H40.06v-56.67h9.84v-18.5H32.75v16.31h7.11l.04-1.06-.94-3.04c-1.48-1.01-3.07-2.53-3.07-4.17 0-3.05 2.48-5.53 5.53-5.53 3.05 0 5.53 2.48 5.53 5.53 0 1.67-1.64 3.16-3.14 4.17l-.93 3.04v55.95s33.89-2.99 40.06-4.24 12.96-1.46 13.69.73c.73 2.2-9.05 3.32-15.58 2.72-10.74-1-7.88-16.02-9.28-20.02-1.46-4.18-4.68-6.76-7.55-3.85-2.95 2.98 3.19 2.74 4.83 2.78 7.28.19 12.59-2.17 18.83-6.08 7.88-4.95 11.57-12.95 13.53-21.65.57-2.54 2.77-5.69 1.43-8.46-1.49-3.08-6.58-1.14-7.38 1.57-1.15 3.9 3.24 5.18 6.14 6.07 7.15 2.21 13.13-.04 19.97-2.22 4.45-1.42 6.93-2.22 10.44-5.19 1.98-1.67 9.7-13 5.39-14.85-7.25-3.12-9.8 2.59-7.3 4.57 4.89 3.88 11.45.44 16.99-2.57 2.75-1.5 8.63-5.06 9.69-8.16.78-2.29 3.59-5.88 1.8-9.5-.42-.86-2.31-2.68-3.14-2.2-.81.48-.27 3.11.42 3.76 2.57 2.43 9.62.52 14.11-.63s9.79-5.19 10.42-8.64c.24-1.29 1.04-3.07 1.04-3.07l-1.22-2.2 4.85.03-.63 2.3-5.29.15-38.04-.15v6.07h114.16l-.14-5.58h-24.6l.52-3.87-8.62-.21-.14-.42-15.78-.17-.14.63h-3.8l-1.11-1.48h-1.11l-1.11 1.48h-1.11l-1.11-1.48h-1.11l-1.11 1.48h-1.11l-1.11-1.48h-1.11l-1.11 1.48h-1.11l-1.11-1.48h-1.11l-1.11 1.48h-1.11l-1.11-1.48h-1.11l-1.11 1.48h-2.51L148.55 145l-4.08 2.4 31.22 44.33-2.82 1.29.14 1.32.31 52.27 13.17-8.78-.52-41.22s65.21.25 70.34 0c2.29-.11 4.63-1.39 6.82-1.63 2.49-.27 4.81-.15 6.69.04 4.36.44 8.66 2.62 10.93 4.57l1.76 2.67s-3.48-4.15-12.79-5.82c-9.3-1.67-12.34 2.66-12.34 2.66s-.63-6.86-.52-8.23c.28-3.45 3.16-11.26 3.16-11.26s-1.34 8.73-1.49 11.69c-.11 2.17.31 9.11.31 9.11l.52 1.99s-1.15-1.05-1.88-1.15c-.73-.1-16.31 2.01-19.34 2.22-3.03.21-8.47 5.1-11.5 7.29-3.03 2.2-13.17 11.29-13.17 11.29l-11.19 7.42s-1.88-15.89-.52-16.41c1.36-.52 28.79-8.08 28.79-8.08l-18.79 15.7-.9.75.94 5.85-12.86 4.81s-23.41 16.76-25.5 18.65c1.78 0 5.74 1.95 10.23 8.85 4.5 6.9 4.6 16 3.55 16.1s-3.35-2.3-9.51-9.1-4.08-13.7-4.08-13.7l7.1 11.68s-10.78 12.03-12.98 13.6c.31-1.25-1.88-6.27-2.72-8.15-.84-1.88-5.96-3.55-5.96-3.55-.83-.16-1.76-.66-2.72-1.35-.13-.09-.98.86-.98.86s-.06-1.67-.38-1.94c-.12-.11-.25-.22-.38-.33-.19-.17-.88.81-.88.81s-.17-1.79-.39-2.01c-.28-.28-3.47-3.71-4.1-4.4-7.91-8.64-9.83-16.41-11.08-16.52-1.25-.11-1.05.84-.73 4.49.63 12.86 14.11 28.44 14.11 28.44s-1.67.94-2.51 1.36c-.84.42 1.46 3.03 1.46 3.03s3.03 5.85 5.64 5.64c2.61-.21 7.95-5.23 9.2-7.42-1.25-1.36-3.28-8.05-3.28-8.05s12.5-12.21 15.22-13.25c7.32 7.42 11.08 18.61 11.08 18.61l39.1-41.4s1.78-3.87 1.25-4.29c-.52-.42-1.88-.1-2.41 1.88-.52 1.99.21 1.99 1.88 1.57 1.67-.42 12.96-11.6 14.22-13.28 1.25-1.67 3.14-4.08 6.9-4.39 3.76-.31 23.42-.42 28.85-.21 5.44.21 6.48-19.76 6.48-19.76s3.24-43.49 3.24-44.85c0-1.36-1.88-3.14-5.02-4.7-3.14-1.57-9.1 2.72-9.1 2.72l-18.4 17.67.42 2.09-.94-.73-.84 1.46s.11-.73.11-2.09c-1.15-.42-22.49 1.22-26.88 1.84 1.55 1.63 3.29 3.96 3.97 6.35 1.05 3.74.43 7.65-.4 9.37.42-1.88-2.19-7.74-2.19-7.74l-10.48 3.38c-1.99-.31-6.02-5.12-7.59-5.33-1.57-.21-5.05 2.06-6.69 3.5-1.45 1.27-7.53 7.77-7.11 8.6.42.84 4.81-4.82 6.69-5.66-.73.63-4.39 5.76-3.97 5.97.42.21 4.35-3.85 5.58-4.66-.52.53-3.38 5.5-2.75 5.92.63.42 6.38-6.9 7-6.9.63 0 5.23 2.72 6.06 3.45.84.73 1.15 1.67 3.87.73s11.27-5.33 11.27-7-3.11-8.57-4.26-8.26c-1.15.31-.42 6.59 0 8.99.42 2.4 4.18 6.9 4.18 6.9s29.79-8.05 30.11-8.05 1.36 1.36 2.2.94 1.15-2.3 1.15-2.3 7.71-6.18 11.08-9.41c3.37-3.23 10.38-8.71 10.38-8.71s4.14-3.11 4.22-7.56c.01-.77-.48-4.27-1-4.76-1.51-1.43-2.94-3.15-6.38-3.15-3.66 0-8.57 3.59-8.57 3.59l.11-5.12s-2.93 1.99-4.5.73c-1.57-1.25-.73-3.03-.73-3.03l-.52-.63c-.52-.63-2.4-.42-2.4-.42s1.25-2.4.94-2.4c-.31 0-2.2-1.36-2.2-1.36s1.99-2.93-.1-2.72c-2.09.21-6.06-2.2-5.86-3.45.21-1.25 6.2-3.82 8.6-5.28 2.41-1.46 3.49-5.36 3.49-5.36l7.2-.49s-1.28 1.37-1.28 6.56c0 5.13 3.64 6.03 3.64 6.03s-2.23-2.54-2.23-6.93c0-4.38 4.01-7.39 4.01-7.39s-10.83.29-13.44.08c.1-1.52-.24-4.5-1.96-4.5-1.69 0-2.72 2.88-2.72 4.81 0 1.75 1.45 5.12 2.72 5.12 1.17 0 1.97-.39 3.02-4.79 1.04-4.39.05-7.42.05-7.42l-3.03-1.05.94-1.15-1.67-.94 1.78-1.57s-3.14-.55-1.15-2.64 10.25-3.53 10.25-3.53 2.93 5.23 4.49 7.95c1.57 2.72 1.26 7.21 1.26 7.21s-.63.21-6.48-.42-9.75-3.78-9.75-3.78l-1.65.01.64-2.66s-1.48 2.45-5.55 3.08c1.67-2.93 5.86-5.02 5.86-5.02s-8.62 1.23-10.6 1.65c2.06-1.77 8.73-5.35 12.3-6.99 4.21-1.94 8.97-2.48 11.68-2.81 5.02-.63 11.08 4.18 11.08 4.18s-2.2-.73-6.17-1.57c-3.97-.84-7.63.73-7.63.73l-2.56-3.59 6.95-1.22s4.39 7.11 5.33 12.23c.94 5.12-.06 8.43-.06 8.43s5.09.98 4.57 8.62-8.48 6.66-8.48 6.66-2.09 7.34-2.2 11c5.33-.63 15.1-11.23 16.52-14.01 2.45-4.8 2.52-9.34 2.21-13.94-.32-4.6-5.01-9.76-5.01-9.76l4.17.39s-2.94-.67-3.68-1.61c-.73-.94 1.79-2.72 1.79-2.72s-1.72-.1-3.91 1.05l1.2-3.09s-1.15.1-2.67 1c.95-.96-.97-7.22-6.41-10.62-5.59-4.02-12.39-3.73-12.39-3.73-3.79 0-6.87 1.32-6.87 3.36s3.07 3.7 6.87 3.7c3.79 0 6.87-1.66 6.87-3.7s-3.12-3.42-6.87-4.04c-2.52-.42-4.24-1.46-10.01-2.12-9.06-1.05-21.26-2.18-21.26-2.18-6.96 0-12.6 3.04-12.6 6.79s5.64 6.79 12.6 6.79 12.6-3.04 12.6-6.79-5.64-7.8-12.6-7.8c0 0-12.47 0-22.24-1.43-9.77-1.43-31.59-1.74-31.59-1.74 1.24.3 2.14.78 2.72 1.45.58.67.86 1.41.86 2.21 0 .62-.12 1.44-.37 2.46-.24 1.02-.36 1.89-.36 2.61 0 1.07.4 2.11 1.2 3.14.8 1.02 1.96 1.82 3.49 2.38-1.55.55-2.72 1.33-3.51 2.33-.79 1-1.18 2.04-1.18 3.12 0 .71.12 1.57.36 2.59.24 1.02.37 1.84.37 2.46 0 .81-.29 1.55-.86 2.22-.58.67-2.43 2.23-3.66 2.54l2.63-.52c1.76-.24 3.2-.96 4.3-2.16 1.1-1.19 1.66-2.51 1.66-3.95 0-.76-.12-1.64-.36-2.65s-.36-1.79-.36-2.35c0-.76.32-1.47.96-2.13.64-.66 1.52-1.06 2.65-1.21v-.66c-1.13-.15-2.01-.55-2.65-1.21-.64-.66-.96-1.37-.96-2.13 0-.56.12-1.34.36-2.34s.36-1.89.36-2.65c0-1.46-.55-2.78-1.66-3.97-1.1-1.19-2.54-1.9-4.3-2.13-4.73-2.2-10.66-3.07-16.71-3.07-6.84 0-12.22 1.21-17.3 3.96-1.24.3-1.13.44-1.71 1.11-.58.67-.86 1.41-.86 2.21 0 .62.12 1.44.36 2.46s.36 1.89.36 2.61c0 1.07-.39 2.1-1.17 3.11-.78 1-1.95 1.78-3.5 2.33 1.52.56 2.68 1.35 3.48 2.38.8 1.02 1.2 2.07 1.2 3.14 0 .72-.12 1.59-.36 2.61-.24 1.02-.36 1.84-.36 2.46 0 .8.29 1.54.86 2.21.58.67 1.73 2.1 2.97 2.4l-1.93-.38c-1.76-.24-3.2-.96-4.3-2.15-1.1-1.19-1.66-2.51-1.66-3.95 0-.76.12-1.64.36-2.65s.36-1.79.36-2.35c0-.76-.32-1.47-.96-2.13-.64-.66-1.52-1.06-2.65-1.21v-.67c1.13-.15 2.01-.55 2.65-1.2.64-.66.96-1.37.96-2.14 0-.56-.12-1.34-.36-2.34s-.36-1.89-.36-2.66c0-1.44.55-2.75 1.66-3.95 1.1-1.19 2.54-1.91 4.3-2.14.22-.15 1.64-1.75.02-1.71-1.94.05-7.62 1.84-7.62 1.84-9.86 3.99-16.24 9.68-16.24 16.84 0 12.09 18.2 21.9 40.65 21.9s40.65-9.8 40.65-21.9c0-12.09-18.2-21.9-40.65-21.9-9.16 0-18.24.32-25.03 3.07l-55.19.65-37.68-10.22s-1.04-3.12 4.27-12.05c5.3-8.93 18.41-7.34 18.41-7.34L16.26.46l-3.35 1.4 54.72 39.36s-4.86 1.61-6.15 2.26c-1.63.81-5.55 3.58-5.55 3.58L7.89 6.88.35 16.13s44.11 42.95 49.41 46.3c.39-4.39 6.75-10.76 12.63-13.82 6.85-3.56 13.33-3.49 13.33-3.49l4.71 8.62s-10.85 4.73-11.41 11.15c0 0 2.74-3.47 6.43-6.2 2.66-1.97 6.12-2.48 6.12-2.48L86.35 68"
        id="coder"
      />
    </svg>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'Coder',
  props: {
    width: {
      type: String,
      default: '200px'
    },
    height: {
      type: String,
      default: '200px'
    }
  }
})
</script>

<style scoped>
.coder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
}
#coder {
  animation: dash 10s linear forwards;
  stroke-dasharray: 5000;
  stroke-dashoffset: 5000;
}
@keyframes dash {
  to {
    stroke-dashoffset: 10;
  }
}
#colors {
  opacity: 0;
  animation: colorIn 5s 8s ease-out forwards;
}
@keyframes colorIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media only screen and (max-width: 600px) {
  svg {
    width: 100%;
  }
}
</style>
